<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<title>延期</title>
	<link rel="stylesheet" href="../bootstrap-3.3.4/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css" type="text/css">

	<style type="text/css">
		* input{
			margin: 2px 10px;
		}
		body{
			    background: rgba(0,0,0,0);
			    color: #fff;
		}
		select,select option{
            width: 100px;
            color: #000;  
            border-radius: 2px; 
       }
       input,textarea{
			color: #000;
		}
		textarea{
			width: 350px;
			height: 60px;
		}
		 .main{
            position: absolute;
            left: 50%;
            margin-left: -230px;
        }
	</style>

</head>
<body>
	<h2 class="text-center">申请延期表</h2>
<div class="main">
	<form name="delaytable" id="delay_form" method="post" action="#">	
	<div class="input-group">
	<label>申请人姓名：</label><input name="name" type="text" size="20" id="delaytable_name" value="赵嘉敏" readonly></br>
	<label>申请人编号：</label><input name="id" type="text" size="10" id="delaytable_id" value="1" readonly></br>
	<label>申请人部门：</label><input name="department" type="text" size="20" value="策划部" readonly=""><br>
	</div>

	<hr >
	<div class="message">
		<label>延期理由：</label><br> <textarea maxlength="200"></textarea><br>
		申请延期时间：<select name="time" id="delaytable_time">
			<option>1天</option>
			<option>2天</option>
			<option>3天</option>
			<option>4天</option>
			<option>5天</option>
			<option>6天</option>
			<option>7天</option>
		</select>
	</div>
	<input name="submit" type="submit" id="delaytable_submit" value="确认提交" class="btn btn-default" />
	</form>
</div>
</body>
</html>